<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>酷狗首页</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/InsidePages_1.css" />
		<link rel="stylesheet" type="text/css" href="css/InsidePages_2.css" />
		<link rel="stylesheet" type="text/css" href="css/evaluate.css" />
	</head>

	<body>
		<div class="web">
			<div class="section index">
				<div class="kogo">
					<div class="logo animated">
						<img src="img/index_03.png" />
					</div>
				</div>
				<div class="test animated">
					<img src="img/index_01_03.png" />
				</div>
				<div class="hold animated">
					<img src="img/index_20_03.png" />
				</div>
				<div class="text_1 animated">
					<img src="img/index_06.png" />
				</div>
				<div class="text_2 animated">
					<img src="img/index_10.png" />
				</div>
				<div class="miyue">
					<div class="moon">
						<img src="img/index_01_07.png" />
					</div>
					<div class="text_3 animated">
						<img src="img/index_14.png" />
					</div>
					<div class="people">
						<img src="img/index_20_07.png" />
					</div>
					<div class="text_4 animated">
						<img src="img/index_17.png" />
					</div>
					<div class="text_5 animated">
						<img src="img/index_22.png" />
					</div>
					<div class="text_6 animated">
						<img src="img/index_25.png" />
					</div>
				</div>
				<div class="but">
					<input type="button" value="开始测试" />
				</div>
			</div>
			<div class="section InsidePages_1">
				<div class="issue">
					<h2 class="animated">1.请问图中位于中间的男孩姓名是？</h2>
					<div class="tfboy animated">
						<img src="img/InsidePages_03.png" />
					</div>
					<div class="cloud_1 animated">
						<img src="img/InsidePages_08.png" />
					</div>
					<div class="cloud_2 animated">
						<img src="img/InsidePages_10.png" />
					</div>
					<div class="cloud_3 animated">
						<img src="img/InsidePages_06.png" />
					</div>
				</div>
				<div class="op">
					<div class="option">
						<div class="animated" data-right="true">A 王凯骏</div>
						<div class="animated">B 易烊千玺</div>
						<div class="animated">C 王源</div>
						<div class="animated">D 王凯</div>
					</div>
					<div class="note">
						<div class="photo animated">
							<img src="img/InsidePages_33.png" />
						</div>
						<div class="note_1 animated">
							<img src="img/note1.png" />
						</div>
						<div class="note_2 animated">
							<img src="img/note2.png" />
						</div>
						<div class="note_3 animated">
							<img src="img/note3.png" />
						</div>
						<div class="note_4 animated">
							<img src="img/note4.png" />
						</div>
						<div class="note_5 animated">
							<img src="img/note5.png" />
						</div>
					</div>
			    </div>
			</div>
			<div class="section InsidePages_2">
				<div class="issue">
					<h2 class="animated">2.“削个椰子皮，你却TM给个梨”</h2>
					<h2 class="animated">请问这是什么歌？</h2>
					<p class="animated">年度最大娱乐事件你知道几个？</p>
					<p class="animated">年轻人的姿势你掌握了多少？</p>
					<div class="pear animated">
						<img src="img/4_03.png" />
					</div>
					<div class="cloud_1 animated">
						<img src="img/InsidePages_08.png" />
					</div>
					<div class="cloud_2 animated">
						<img src="img/InsidePages_10.png" />
					</div>
					<div class="cloud_3 animated">
						<img src="img/InsidePages_06.png" />
					</div>
				</div>
				<div class="op">
					<div class="option">
						<div class="animated">A 《Yogurt》</div>
						<div class="animated">B 《Salt》</div>
						<div class="animated" data-right="true">C 《Sugar》</div>
						<div class="animated">D 《Salad》</div>
					</div>
					<div class="note">
						<div class="photo animated">
							<img src="img/InsidePages_33.png" />
						</div>
						<div class="note_1 animated">
							<img src="img/note1.png" />
						</div>
						<div class="note_2 animated">
							<img src="img/note2.png" />
						</div>
						<div class="note_3 animated">
							<img src="img/note3.png" />
						</div>
						<div class="note_4 animated">
							<img src="img/note4.png" />
						</div>
						<div class="note_5 animated">
							<img src="img/note5.png" />
						</div>
					</div>
			    </div>
			</div>
		<div class="section evaluate">
			<div class="kogo">
				<div class="logo animated">
					<img src="img/index_03.png" />
				</div>
			</div>
			<div class="photo_1">
				<img src="img/evaluate_03.png" />
			</div>
			<div class="text">
				<p><span>[潮人测试]</span>***太牛了</p>
				<p>现在坚持个性的人真的太少了。</p>
			</div>
			<div class="evaluate_1">
				<h5>看看你和你的朋友够亲密不？</h5>
				<h5>一起来评价.</h5>
				<p>00后潮人+5</p>
				<p>典型70后</p>
				<p>90后新锐+2</p>
				<p>95后新人类+3</p>
			</div>
			<div class="start">
				<p>还体现不出你们的亲密度？那就在评价下吧!</p>
				<input type="text" /><br/>
				<input id="but" type="button" value="提交" onclick="ShowDiv('MyDiv','fade')" />
				<input type="button" value="我也要玩" />
				<div id="MyDiv" class="white_content">
					<div class="dog">
						<img src="img/evaluate_01_03.png" />
					</div>
					<p>点击右上角与好友一比高下</p>
					<span onclick="CloseDiv('MyDiv','fade')">关闭</span>
				</div>
			</div>

		</div>
		</div>

	</body>
	<script src="js/evaluate.js" type="text/javascript" charset="UTF-8"></script>
	<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="UTF-8"></script>
	<script src="js/jquery.fullPage.js" type="text/javascript" charset="UTF-8"></script>
	<script src="js/test_select.js"></script>

	<script type="text/javascript">
		$(function() {
			$(".web").fullpage({
			});
//			点击跳转到下一个页面
			$(".but input").click(function(){
				$.fn.fullpage.moveSectionDown();
			});
			$(".option div").click(function(){
				$.fn.fullpage.moveSectionDown();
			});
			
			
		})
	</script>

</html>